<!DOCTYPE html>
<html class="x-admin-sm">

    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="css/font.css">
        <link rel="stylesheet" href="css/xadmin.css">
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script type="text/javascript" src="lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form">
                  <input type="text" hidden id="haoyouId">
                  <div class="layui-form-item">
                      <label for="nikeName" class="layui-form-label">
                          <span class="x-red">* </span>好友Id
                      </label>
                      <div class="layui-input-inline">
                          <input type="text" id="nikeName" name="nikeName" required class="layui-input">
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <label for="phone" class="layui-form-label">
                          <span class="x-red">* </span>联系方式
                      </label>
                      <div class="layui-input-inline">
                          <input type="text" id="phone" name="phone" required class="layui-input">
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <label for="remarks" class="layui-form-label">
                          <span class="x-red">* </span>备注
                      </label>
                      <div class="layui-input-inline">
                          <input type="text" id="remarks" name="remarks" required class="layui-input">
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <button  class="layui-btn layui-btn-lg" id="btn_add_partner"> 修改信息 </button>
                  </div>
              </form>
            </div>
        </div>
      <script>
          $(function  () {
              layui.use('form', function(){
                var form = layui.form;
                form.on('submit(login)', function(data){
                    $.ajax({
                        url: "/admin/login",
                        dateType: "json",
                        contentType : "application/json",
                        type: "post",
                        data: JSON.stringify(data.field),
                        success: function(res) {
                            // var res = JSON.parse(val);
                            if(res == 'success') {
                              sessionStorage.setItem("loginId", $('#loginId').val());
                              location.href='index.html';
                            } else {
                              alert('登陆失败, 请检查账号/密码是否正确!');
                            }
                        },
                        error: function() {
                            sessionStorage.setItem("loginId", $('#loginId').val()); //测试用
                            //alert(JSON.stringify(data.field));
                            alert('登陆失败, 请检查账号/密码是否正确!');
                            location.href='index.html';
                        }
                    })
                  return false;
                });
              });
          })
      </script>
        <script>
          sessionStorage.setItem("userId","123"); //账号存入session
          function GetRequest() {
              var url = location.search; //获取url中"?"符后的字串
              var theRequest = new Object();
              if (url.indexOf("?") != -1) {
                  var str = url.substr(1);
                  strs = str.split("&");
                  for (var i = 0; i < strs.length; i++) {
                      theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
                  }
              }
              return theRequest;
          }
          var a=GetRequest();
          var haoyouId = a['haoyouId'];
          var nikeName = a['nikeName'];
          var phone = a['phone'];
          var remarks = a['remarks'];
          $('#haoyouId').val(haoyouId);
          $('#nikeName').val(nikeName);
          $('#phone').val(phone);
          $('#remarks').val(remarks);

          $('#btn_add_partner').on('click', function () {
              var val = {
                "id": sessionStorage.getItem("userId"),
                "haoyouId": $('#haoyouId').val(),
                "nikeName": $('#nikeName').val(),
                "phone": $('#phone').val(),
                "remarks": $('#remarks').val()
              };
              console.log(val);
              console.log(JSON.stringify(val));
              $.ajax({
                  url: "/TongXunLu/add",
                  dateType: "json",
                  contentType : "application/json",
                  type: "post",
                  data: JSON.stringify(val),
                  success: function(val) {
                    var res = JSON.parse(val);
                    if(res.msg == 'success') {
                        alert("成功");
                    } else {
                        alert('失败');
                    }
                  }
              })
          })
        </script>
    </body>

</html>
